
*{
	margin: 0px;
	padding: 0px;
}
.container{
	border: 3px solid gray;
}

/* 菜单导航区域 */
.menu{
	height: 50px;
	background-color: #c00;
	border: 1px solid black;
}
.menu ul{
	margin: 0;
	padding: 0;
	width: 60%;
	height: 50px;
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.menu ul li{
	height: 50px;
	width: 5em;
	text-align: center;
	line-height: 50px;
}
.menu ul li:hover{
	background-color: pink
}
.menu ul a{
	color: white;
	font-size: 1.2em;
	font-weight: 500;
	text-decoration: none;
}
/* 小说主体内容区域 */
.content{
	
	display: flex;
}

.content-left{
	width: 60%;
	border: 0.5px solid #efefef;
}
.content-left-now{
	
}
.novel-list{
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.novel-list-item{
	height:30px;
	width: 40%;
    display: flex;
	justify-content: space-between;
	margin-right: 10%;
	font-size: 0.8em;
}

/*热门类别小说*/
.content-left-hot{
	display: flex;
	justify-content: space-between;
}

.content-left-hot-box{
	width: 45%;
}
.content-left-hot-title{
	display: flex;
	justify-content: space-between;
	height:30px;
	line-height:30px;
	background: #eee;
}
.content-left-hot-title a{
	margin-right: 5%;
}
.content-left-hot-title span{
	font-weight: bold;
	font-size: 1.1em;
}

.content-left-hot-title a{
	text-decoration: none;
	color: #bbb;
}
.content-left-hot-list{
	display: flex;
	margin-top: 10px;
	
}

.content-left-hot-list .cate-img-box{
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-bottom:10px; 
}
.content-left-hot-list .right{
	margin-left: 7%;
}
.content-left-hot-list .right .novel-list{
	display:flex;
	flex-direction:column;
	flex-wrap: nowrap; 
	

}

.content-left-hot-list .novel-list-item{
	width: 100%;
    height: 30px;
}


.content-left-hot-list .right a{
	font-size: 0.8em;
}




.content .content-right{
	width: 40%;	
}

.content-right .rank-list .title{
	width: 90%;
	height: 40px;
	line-height: 40px;
	background-color: rgb(228, 246, 188);
	border-radius: 5px;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 8%;
	
}


.content-right .rank-list .top-img{
	display: flex;
	justify-content: space-around;
}

.content-right .rank-list .top-img .img-box{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.content-right .rank-list .list{
	display: flex;
	justify-content: space-around;
}

/* 页尾 版本声明区域 */
.footer{
	height: 70px;
}
.footer .my, .version-info{
	background-color: #efefef;
	text-align: center;
	height: 2.2em;
	line-height: 2.2em;
}
